import React, {Component} from 'react';
import PublicHeader from '@/components/header/header';
import {Button} from 'antd-mobile';
import './course_share_success.less';
import {BaseComponent} from '../base';
import TouchableOpacity from '@/components/TouchableOpacity/TouchableOpacity';


export default class CourseShareSuccessComponent extends BaseComponent {


    submit = function () {
        this.props.history.push("/course_share");
    };




    render() {
        return (
            <main className="course-share-container">

                <div className="share-content">

                    <div className="share_success_img">
                    </div>

                    <span className="success-text">
                        恭喜领取成功！
                    </span>
                    <span className="details-text">
                        <p> 您已成功获得课程“在家就能</p>
                        <p>做早教”的学习权限。</p>
                    </span>
                    <TouchableOpacity className="go-app-btn" clickCallBack={this.submit.bind(this)} text="去APP学习">
                    </TouchableOpacity>
                </div>
            </main>
        );
    }
}